<template>
    <el-row class="list">
        <div class="l-title">学生名单</div>
            
             <template>
                <el-table class="l-box"
                :data="tableData"
                style="width: 100%">

                <el-table-column
                    
                    label="排名"
                    width="200">
                    <!-- <template  slot-scope="scope"> -->
                        <!-- <img class="No-pic" :src="(scope.row.src)" alt=""/> -->
                        <!-- <el-image   :src="require(scope.row.src)"   />  -->
                        <!-- <img :src="require('/src/assets/img/home/l1.png')" alt=""> -->
                        <img class="No-pic" src="../../../assets/img/home/l4.png" alt="">
                    <!-- </template> -->
                </el-table-column>

                <el-table-column
                    prop="name"
                    label="学生姓名"
                    width="240">
                </el-table-column>

                <el-table-column
                    prop="class"
                    label="班级"
                    width="200">
                </el-table-column>

                <el-table-column
                    prop="class"
                    label="班主任"
                    width="200">
                </el-table-column>

                <el-table-column
                    prop="time"
                    label="入学时间"
                    width="180">
                </el-table-column>

                <el-table-column
                    prop="operate"
                    label="操作"
                    width="120">
                </el-table-column>

                </el-table>
            </template>
        
    </el-row>
</template>

<script>
import SlotPic from './SlotPic.vue'
export default {
    components:{
        SlotPic
    },
      data() {
        return {
            
            tableData: [
            {
                src:'/src/assets/img/home/l1.png',
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
            {
                src:'/src/assets/img/home/l2.png',
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
            {
                src:'/src/assets/img/home/l3.png',
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
            {
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
            {
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
            {
                name: '罗纳·戴维森',
                class: '高二(3)班',
                time:'2020-12-01',
                operate:'查看档案'
                
            },
          ]
        }
      }
    }
</script>

<style lang="less" scoped>
.list{
    margin-top: 30px;
    background-color: #fff;
}
.l-box{
    margin-left: 20px;
}
.l-title{
    margin: 10px;
}
.el-table .blue{
    background-color: #11cbca;
}
.No-pic{
    height: 20px;
    width: 20px;
}
.el-table__body tr:hover>td{
    background-color: #11cbca!important;
  }
 
  .el-table__body tr.current-row>td{
    background-color: #11cbca!important;
  }
  .el-table__body-wrapper{
    .el-table--enable-row-hover .el-table__body tr:hover>td {

background-color: #11cbca !important;

}
  }
</style>